<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!doctype html>
<html class="no-js " lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta name="description" content="Responsive Bootstrap 4 and web Application ui kit.">
    <title>系统管理员用户界面</title>
    <link rel="icon" href="static/assets/pluginsfavicon.ico" type="image/x-icon">
    <!-- Favicon-->
    <link rel="stylesheet" href="static/assets/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/assets/plugins/jvectormap/jquery-jvectormap-2.0.3.min.css"/>
    <link rel="stylesheet" href="static/assets/plugins/morrisjs/morris.min.css"/>
    <link rel="stylesheet" href="static/assets/css/main.css">
    <link rel="stylesheet" href="static/assets/css/color_skins.css">
    <link rel="stylesheet" href="static/assets/plugins/jquery-datatable/dataTables.bootstrap4.min.css">
    <style>
        input {
            padding-left: 5px;
        }

        .add_User {
            width: 80px;
            height: 28px;
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 3px;
            float: right;
            margin-right: 5px;
            margin-top: -13px;
            font-size: 12px;
        }

        .add_Inp_box {
            padding-left: 30px;
            height: 200px;
            padding-top: 35px;
            background: #e2e0e0;
            display: none;
        }

        .add_Inp {

        }

        .add_Name {
            margin-right: 50px;
        }

        .add_Btn, .noAdd_Btn {
            width: 80px;
            height: 30px;
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 3px;
            margin-top: -13px;
            font-size: 12px;
        }

        .add_Btn {
            margin-left: 60px;
            margin-top: 15px;
        }

        .noAdd_Btn {
            margin-left: 20px;
        }

        .caozuoBox {
            position: relative;
            cursor: pointer;
        }

        .caozuo {
            width: 100%;
            height: 93px;
            margin: auto;
            border: 1px solid #CCC;
            border-radius: 2px;
            text-align: center;
            position: absolute;
            top: 30px;
            background: #fff;
            z-index: 9;
            line-height: 32px;
            right: 0;
            letter-spacing: 5px;
            display: none;

        }

        .caozuo span {
            display: inline-block;
            width: 100%;
            height: 30px;
            cursor: pointer;
            border-bottom: 1px solid #ccc;
        }

        .showHid {
            display: none;
        }

        .userInfo_show {
            position: fixed;
            top: 0;
            height: auto;
            background: #d8d8d8;
            width: 80%;
            margin: auto;
            padding: 80px 175px 44px;
        }

        .userInfo_show button {
            float: right;
            background: #1e51e6;
            color: #fff;
            border: 1px solid #ccc;
            width: 70px;
            height: 30px;
        }
    </style>
</head>
<body class="theme-purple">
<!-- Page Loader -->
<div class="page-loader-wrapper">
    <div class="loader">
        <div class="m-t-30"><img class="zmdi-hc-spin" src="static/assets/images/logo.svg" width="48" height="48"
                                 alt="Oreo"></div>
        <p>Please wait...</p>
    </div>
</div>
<!-- Overlay For Sidebars -->
<div class="overlay"></div>

<!-- Top Bar -->
<nav class="navbar p-l-5 p-r-5" style="height: 60px">
    <ul class="nav navbar-nav navbar-left">
        <li>
            <div class="navbar-header">
                <a href="javascript:void(0);" class="bars"></a>
                <a class="navbar-brand" href="index.jsp" style="margin-top: 15px;"><img
                        src="static/assets/images/logo.svg" width="30" alt="Oreo"><span class="m-l-10">系统管理员用户界面</span></a>
            </div>
        </li>
    </ul>
</nav>

<!-- Left Sidebar -->
<aside id="leftsidebar" class="sidebar">
    <ul class="nav nav-tabs">
        <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#dashboard"><i
                class="zmdi zmdi-home m-r-5"></i>物业管理</a></li>
        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#user"><i class="zmdi zmdi-account m-r-5"></i>1234</a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane stretchRight active" id="dashboard">
            <div class="menu">
                <ul class="list">
                    <li>
                        <div class="user-info">
                            <div class="image"><a href="#"><img src="static/assets/images/profile_av.jpg"
                                                                alt="User"></a></div>
                            <div class="detail">
                                <h4 class="user_Name">1234</h4>
                                <small>物业管理员</small>
                            </div>
                            <a title="facebook" href="#"><i class="zmdi zmdi-facebook"></i></a>
                            <a title="twitter" href="#"><i class="zmdi zmdi-twitter"></i></a>
                            <a title="instagram" href="#"><i class="zmdi zmdi-instagram"></i></a>
                        </div>
                    </li>
                    <li class="header">主菜单</li>
                    <li class="active open"><a href="javascript:void(0);" class="menu-toggle"><i
                            class="zmdi zmdi-home"></i><span>人事管理</span></a>
                        <ul class="ml-menu">
                            <li class="active staff_manage"><a href="#">员工信息</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0);" class="menu-toggle"><i
                            class="zmdi zmdi-apps"></i><span>住户管理</span> </a>
                        <ul class="ml-menu">
                            <li class="ownerInfo"><a href="#">住户基本信息维护</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0);" class="menu-toggle"><i
                            class="zmdi zmdi-swap-alt"></i><span>投诉管理</span> </a>
                        <ul class="ml-menu">
                            <li class="complain_manage"><a href="#">投诉管理</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0);" class="menu-toggle"><i
                            class="zmdi zmdi-apps"></i><span>报修管理</span> </a>
                        <ul class="ml-menu">
                            <li class="repair_manage"><a href="#">报修管理</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-shopping-cart"></i><span>停车管理</span>
                    </a>
                        <ul class="ml-menu">
                            <li class="park_manage"><a href="#">停车管理</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0);" class="menu-toggle"><i
                            class="zmdi zmdi-swap-alt"></i><span>设备管理</span> </a>
                        <ul class="ml-menu">
                            <li class="equipment_manage"><a href="#">设备管理</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</aside>

<!-- Main Content -->
<section class="content home">
<div class="block-header">
    <div class="row">
        <div class="col-lg-5 col-md-5 col-sm-12">
            <h2 style="color: #fff;" class="adminName"></h2>
            <small style="color: #fff;">欢迎使用XX小区物业管理信息系统</small>
        </div>
    </div>
</div>
<div class="card weather">
    <div class="header">
        <h2><strong>天气</strong></h2>
    </div>
    <div class="body">
        <div class="city">
            <span>晴空万里</span>

            <h3 class="city_Name"></h3>
            <img src="static/assets/images/weather/summer.svg" alt="">
        </div>
        <ul class="row days list-unstyled m-b-0">
            <li>
                <h5>周一</h5>
                <img src="static/assets/images/weather/sky.svg" alt="">
                <span class="degrees">5℃</span>
            </li>
            <li>
                <h5>周二</h5>
                <img src="static/assets/images/weather/rain.svg" alt="">
                <span class="degrees">5℃~</span>
            </li>
            <li>
                <h5>周三</h5>
                <img src="static/assets/images/weather/summer.svg" alt="">
                <span class="degrees">5℃</span>
            </li>
            <li>
                <h5>周四</h5>
                <img src="static/assets/images/weather/summer.svg" alt="">
                <span class="degrees">5℃</span>
            </li>
            <li>
                <h5>周五</h5>
                <img src="static/assets/images/weather/cloudy.svg" alt="">
                <span class="degrees">5℃</span>
            </li>
            <li>
                <h5>周六</h5>
                <img src="static/assets/images/weather/summer.svg" alt="">
                <span class="degrees">5℃</span>
            </li>
            <li>
                <h5>周日</h5>
                <img src="static/assets/images/weather/cloudy.svg" alt="">
                <span class="degrees">5℃</span>
            </li>
        </ul>
    </div>
</div>
<!--员工列表-->
<div class="container-fluid info_Table staff_manage_table" style="display: none">
    <div class="row clearfix">
        <div class="col-lg-12">
            <div class="card">
                <div class="header">
                    <h2><strong>员工列表</strong></h2>
                    <button class="add_User">添加员工</button>
                </div>
                <div class="add_Inp_box">
                    <div class="add_Inp">
                        员工姓名<input type="text" class="add_Name workerName">
                        员工薪资<input type="text" class="add_Pass workerSalary">
                        <br>
                        员工职位<input type="text" class="add_Name workerType">
                        员工性别<input type="radio" name="sax" class="workSax" value="男">男
                        <input type="radio" name="sax" class="workSax" value="女">女
                        <br>
                        联系方式<input type="text" class="add_Name workPhone">
                        员工状态<input type="radio" name="status" class="workState" value="0" checked>在职
                        <input type="radio" class="workState" name="status" value="1">离职
                        <div style="height: 50px;text-align: right;padding-right: 70px;">
                            <button class="add_Btn">确定</button>
                            <button class="noAdd_Btn">取消</button>
                        </div>
                    </div>
                </div>
                <div class="body">
                    <div class="table-responsive" style="height: 350px">
                        <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                            <thead style="display:none;">
                            <tr>
                                <th>业主姓名</th>
                                <th>业主房间号</th>
                                <th>联系方式</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody class="addUserList">
                            <tr>
                                <th>员工姓名</th>
                                <th>员工性别</th>
                                <th>联系方式</th>
                                <th>员工职责</th>
                                <th>是否在职</th>
                                <th>操作</th>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--业主列表-->
<div class="container-fluid info_Table ownerInfo_table" style="display: none">
    <div class="row clearfix">
        <div class="col-lg-12">
            <div class="card">
                <div class="header">
                    <h2><strong>业主列表</strong></h2>
                    <button class="add_User">新增用户</button>
                </div>
                <div class="add_Inp_box">
                    <div class="add_Inp">
                        新增用户名： <input type="text" class="add_Name userName">
                        新增用户密码： <input type="text" class="add_Pass userPassword">

                        <div style="height: 50px;text-align: right;padding-right: 70px;">
                            <button class="add_Btn">确定</button>
                            <button class="noAdd_Btn">取消</button>
                        </div>
                    </div>
                </div>
                <div class="body">
                    <div class="table-responsive" style="height: 350px">
                        <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                            <thead style="display:none;">
                            <tr>
                                <th>业主姓名</th>
                                <th>业主房间号</th>
                                <th>联系方式</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody class="addUserList">
                            <tr>
                                <th>业主姓名</th>
                                <th>业主房间号</th>
                                <th>入住状态</th>
                                <th>联系方式</th>
                                <th>缴费情况</th>
                                <th>操作</th>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--停车列表-->
<div class="container-fluid info_Table parkInfo_table" style="display: none">
    <div class="row clearfix">
        <div class="col-lg-12">
            <div class="card">
                <div class="header">
                    <h2><strong>车辆列表</strong></h2>
                    <button class="add_User">新增停车</button>
                </div>
                <div class="add_Inp_box">
                    <div class="add_Inp">
                        身份证号：<input type="text" class="userCard">
                        用户名：<input type="text" class="userRealName">
                        </br>
                        车位名称：<input type="text" class="carParkName">
                        车牌号：<input type="text" class="userCarCard">
                        </br>
                        联系方式：<input type="text" class="userPhone">
                        <div style="height: 50px;text-align: right;padding-right: 70px;">
                            <button class="add_Btn">确定</button>
                            <button class="noAdd_Btn">取消</button>
                        </div>
                    </div>
                </div>
                <div class="body">
                    <div class="table-responsive" style="height: 350px">
                        <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                            <thead style="display:none;">
                            <tr>
                                <th>业主姓名</th>
                                <th>业主房间号</th>
                                <th>联系方式</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody class="addUserList">
                            <tr>
                                <th>用户姓名</th>
                                <th>用户身份证号</th>
                                <th>联系方式</th>
                                <th>用户车牌号</th>
                                <th>车位名称</th>
                                <th>操作</th>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--报修列表-->
<div class="container-fluid info_Table repair_table" style="display: none">
    <div class="row clearfix">
        <div class="col-lg-12">
            <div class="card">
                <div class="header">
                    <h2><strong>报修设备列表</strong></h2>
                   <%-- <button class="add_User">插入报修</button>--%>
                </div>
                <div class="add_Inp_box">
                    <div class="add_Inp">
                        报修用户名： <input type="text" class="add_Name">
                        保修描述： <input type="text" class="add_Pass">

                        <div style="height: 50px;text-align: right;padding-right: 70px;">
                            <button class="add_Btn">确定</button>
                            <button class="noAdd_Btn">取消</button>
                        </div>
                    </div>
                </div>
                <div class="body">
                    <div class="table-responsive" style="height: 350px">
                        <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                            <thead style="display:none;">
                            <tr>
                                <th>业主姓名</th>
                                <th>业主房间号</th>
                                <th>联系方式</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody class="addUserList">
                            <tr>
                                <th>报修记录ID</th>
                                <th>报修描述</th>
                                <th>报修人</th>
                                <th>处理状态</th>
                                <th>操作</th>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--投诉列表-->
<div class="container-fluid info_Table complain_table" style="display: none">
    <div class="row clearfix">
        <div class="col-lg-12">
            <div class="card">
                <div class="header">
                    <h2><strong>投诉列表</strong></h2>
                    <%--<button class="add_User">插入投诉</button>--%>
                </div>
                <div class="add_Inp_box">
                    <div class="add_Inp">
                        投诉用户名： <input type="text" class="add_Name">
                        投诉描述： <textarea rows="3" cols="20"></textarea>

                        <div style="height: 50px;text-align: right;padding-right: 70px;">
                            <button class="add_Btn">确定</button>
                            <button class="noAdd_Btn">取消</button>
                        </div>
                    </div>
                </div>
                <div class="body">
                    <div class="table-responsive" style="height: 350px">
                        <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                            <thead style="display:none;">
                            <tr>
                                <th>业主姓名</th>
                                <th>业主房间号</th>
                                <th>联系方式</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody class="addUserList">
                            <tr>
                                <th>投诉记录ID</th>
                                <th>投诉类别</th>
                                <th>用户名</th>
                                <th>投诉描述</th>
                                <th>投诉状态</th>
                                <th>操作</th>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--设备列表-->
<div class="container-fluid info_Table equipment_table" style="display: none">
    <div class="row clearfix">
        <div class="col-lg-12">
            <div class="card">
                <div class="header">
                    <h2><strong>设备列表</strong></h2>
                    <button class="add_User">插入设备</button>
                </div>
                <div class="add_Inp_box">
                    <div class="add_Inp">
                        设备名称： <input type="text" class="equipmentName">
                        设备描述： <input type="text" class="equipmentDesc">
                        </br>
                        设备类型： <input type="text" class="equipmentType">
                        设备地点： <input type="text" class="equipmentLocation">
                        </br>

                        设备状态:正常<input type="radio" value="0" name="equipmentState">
                                损坏<input type="radio" value="1" name="equipmentState">
                        <div style="height: 50px;text-align: right;padding-right: 70px;">
                            <button class="add_Btn">确定</button>
                            <button class="noAdd_Btn">取消</button>
                        </div>
                    </div>
                </div>
                <div class="body">
                    <div class="table-responsive" style="height: 350px">
                        <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                            <thead style="display:none;">
                            <tr>
                                <th>业主姓名</th>
                                <th>业主房间号</th>
                                <th>联系方式</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody class="addUserList">
                            <tr>
                                <th>设备名称</th>
                                <th>设备类型</th>
                                <th>设备描述</th>
                                <th>设备状态</th>
                                <th>操作</th>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--详情弹窗-->
<div class="container-fluid info_Table userInfo_show" style="display: none;">
    <div class="row clearfix">
        <div class="col-lg-12">
            <p class="name_infoS" style="display: none"><span></span><input class="inp1" type="text"></p>

            <p class="homeNu_infoS" style="display: none"><span></span><input class="inp2" type="text"></p>

            <p class="phone_infoS" style="display: none"><span></span><input class="inp3" type="text"></p>

            <p class="homeStatus_infoS" style="display: none"><span></span><input class="inp4" type="text"></p>

            <p class="propertyFree_infoS" style="display: none"><span></span><input class="inp5" type="text"></p>

            <p class="waterFree_infoS" style="display: none"><span></span><input class="inp6" type="text"></p>

            <p class="dianFree_infoS" style="display: none"><span></span><input class="inp7" type="text"></p>

            <p class="status_infoS" style="display: none"><span></span>
                在职<input class="inp8" value="0" name="status" type="radio">
                离职<input class="inp8" value="1" name="status" type="radio"></p>

            <p class="sax_infoS" style="display: none"><span></span>
                男：<input class="inp9" name="sax" value="男" type="radio">
                女：<input class="inp9" name="sax" value="女" type="radio"></p>

            <%--业主--%>
            <p class="user_name" style="display: none"><span></span>
                <input class="inp11" type="text" readonly></p>
            <p class="user_rel_name" style="display: none"><span></span>
                <input class="inp12" type="text"></p>
            <p class="user_card" style="display: none"><span></span>
                <input class="inp13" type="text"></p>
            <p class="user_phone" style="display: none"><span></span>
                <input class="inp14" type="text"></p>
            <p class="user_homes" style="display: none"><span></span>
                <input class="inp15" type="text"></p>
            <p class="user_home_state" style="display: none"><span></span>
                未入住：<input class="inp16" name="user_home_state" value="0" type="radio">
                已入住：<input class="inp16" name="user_home_state" value="1" type="radio"></p>
            <p class="user_electricity_fee" style="display: none"><span></span>
                缴费：<input class="inp17" name="user_electricity_fee" value="1" type="radio">
                欠费：<input class="inp17" name="user_electricity_fee" value="0" type="radio"></p>
            <p class="user_property_fee" style="display: none"><span></span>
                缴费：<input class="inp18" name="user_property_fee" value="1" type="radio">
                欠费：<input class="inp18" name="user_property_fee" value="0" type="radio"></p>
            <p class="user_water_fee" style="display: none"><span></span>
                缴费：<input class="inp19" name="user_water_fee" value="1" type="radio">
                欠费：<input class="inp19" name="user_water_fee" value="0" type="radio"></p>
            <p class="user_air_fee" style="display: none"><span></span>
                缴费：<input class="inp110" name="user_air_fee" value="1" type="radio">
                欠费：<input class="inp110" name="user_air_fee" value="0" type="radio"></p>
            <p class="user_home_description" style="display: none"><span></span>
                <input class="inp111" type="text"></p>
             <%--车位--%>
            <p class="userCarId" style="display: none"><span></span>
                <input class="inp21" type="text"></p>
            <p class="userRelName" style="display: none"><span></span>
                <input class="inp22" type="text"></p>
            <p class="userCard" style="display: none"><span></span>
                <input class="inp23" type="text"></p>
            <p class="userPhone" style="display: none"><span></span>
                <input class="inp24" type="text"></p>
            <p class="usercarCard" style="display: none"><span></span>
                <input class="inp25" type="text"></p>
            <p class="carParkName" style="display: none"><span></span>
                <input class="inp26" type="text"></p>
            <%--报修--%>
            <p class="guarantee_id" style="display: none"><span></span>
                <input class="inp31" type="text"></p>
            <p class="guaranteeState" style="display: none"><span></span>
                未处理：<input class="inp32" name="guaranteeState" value="0" type="radio">
                已处理：<input class="inp32" name="guaranteeState" value="1" type="radio">
            </p>
            <p class="guaranteeDesc" style="display: none"><span></span>
                <input class="inp33" type="text"></p>
            <p class="userName" style="display: none"><span></span>
                <input class="inp34" type="text"></p>
            <button class="updateInfoBtn">更新</button>
            <button class="closeInfoBtn">关闭</button>
        </div>
    </div>
</div>
</section>
<!-- Jquery Core Js -->
<script src="static/assets/bundles/libscripts.bundle.js"></script>
<!-- Lib Scripts Plugin Js ( jquery.v3.2.1, Bootstrap4 js) -->
<script src="static/assets/bundles/vendorscripts.bundle.js"></script>
<!-- slimscroll, waves Scripts Plugin Js -->
<script src="static/assets/js/pages/tables/jquery-datatable.js"></script>
<script src="static/assets/bundles/mainscripts.bundle.js"></script>
<script src="static/assets/bundles/datatablescripts.bundle.js"></script>
<script src="static/assets/plugins/jquery-datatable/buttons/dataTables.buttons.min.js"></script>
<!--<script src="assets/plugins/jquery-datatable/buttons/buttons.bootstrap4.min.js"></script>-->
<script src="static/assets/plugins/jquery-datatable/buttons/buttons.colVis.min.js"></script>
<script src="static/assets/plugins/jquery-datatable/buttons/buttons.html5.min.js"></script>
<script src="static/assets/plugins/jquery-datatable/buttons/buttons.print.min.js"></script>


<script src="static/assets/js/home.js"></script>
<script src="static/assets/js/login.js"></script>
<!--<script src="/js/pages/index.js"></script>-->
</body>
</html>